<template>
  <div class="about">
    <h1>This is an about page</h1>
    <A
      style="color: red "
      class="wtf"
      :style="{ background: '#826656' }"
      :class="['hhh']"
    >
    </A>
    <B @say="say" />
  </div>
</template>
<script>
import A from './A.vue';
import B from './B.vue';
export default {
  name: 'About',
  components: { A, B },
  methods: {
    say: function(message) {
      console.log('===about');
      console.log(this.$lodash.isString(123))
      console.log(message);
      console.log(event);
    }
  }
};
</script>
